<!DOCTYPE html>
<html>
	<head>
		<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
		<meta charset="utf-8">
		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
		<meta content="yes" name="apple-mobile-web-app-capable">
		<meta content="black" name="apple-mobile-web-app-status-bar-style">
		<meta content="telephone=no" name="format-detection">
		<title>活动详情</title>
		<link rel="stylesheet" href="assets/frozenui-1.3.0/css/frozen.css">
		<link rel="stylesheet" type="text/css" href="assets/css/style.css" />
	</head>

	<body>
        <div id="map" >
        	调用地图api
        </div>
        <section>
            <div class="day1">
                <i class="round round1"></i>
                <span><b>Day 01</b></span>
                <span class="marginL39">2017/01/01</span>
                <span class="floatR"><img src="assets/img/icon_map_27.png" class="icon_map" /></span>
            </div>
            <div class="tap tap1 body">
                <div class="row2_">
                    <i class="mark">禅</i>
                </div>
                <div class="row8_">
                    <h2>09:00-18:00</h2>
                    <p class="text_detail">活动签到报名，进寺烧香活动签到报名，进寺烧香</p>
                    <p>
                        <span class="zhushi">距离下一站60kg</span>
                        <a href="javascript:;" class="click_page"><img src="assets/img/icon_up_blue.png" /><span>收起</span></a>
                    </p>
                </div> 
                <div style="clear: left;"></div> 
                <div class="ban1 ban detail_ban">
                    <section class="marginT40">
                        <h4>活动流程</h4>
                        <div>
                            <ul class="ui-row ui-whitespace">
                                <li class="ui-col ui-col-33 paddingR textAR fontS14 color696969 marginT20">
                                    <label class="ui-label">30min</label>
                                </li>
                                <li class="ui-col ui-col-67 textAL fontS14 color565656 lineH28 marginT20">活动签到报名，进寺烧香</li>
                                <li class="ui-col ui-col-33 paddingR textAR fontS14 color696969 marginT20">
                                    <label class="ui-label">30min</label>
                                </li>
                                <li class="ui-col ui-col-67 textAL fontS14 color565656 lineH28 marginT20">活动签到报名，进寺烧香</li>
                                <li class="ui-col ui-col-33 paddingR textAR fontS14 color696969 marginT20">
                                    <label class="ui-label">30min</label>
                                </li>
                                <li class="ui-col ui-col-67 textAL fontS14 color565656 lineH28 marginT20">活动签到报名，进寺烧香</li>
                                <li class="ui-col ui-col-33 paddingR textAR fontS14 color696969 marginT20">
                                    <label class="ui-label">30min</label>
                                </li>
                                <li class="ui-col ui-col-67 textAL fontS14 color565656 lineH28 marginT20">活动签到报名，进寺烧香</li>
                            </ul>
                        </div>
                    </section>  
                    <section class="tripDescription marginT40">
                        <h4>活动描述</h4>
                        <div class="marginT20">
                            <p class="marginT18 color565656 lineH28">美国哈佛大学心理学课程认证--国学文化艺术沙龙讲座报名开始啦！美国哈佛大学心理学课程认证--国学文化艺术沙龙讲座报名开始啦！</p>
                            <img src="assets/img/img_zhanweitu03.png" class="img marginT15" />
                        </div>
                    </section>  
                    <section class="tripDescription marginT40">
                        <h4>费用包含</h4>
                        <div class="marginT20">
                            <p class="marginT18 color565656 lineH28">美国哈佛大学心理学课程认证--国学文化艺术沙龙讲座报名开始啦！美国哈佛大学心理学课程认证--国学文化艺术沙龙讲座报名开始啦！</p>
                        </div>
                    </section>
                    <section class="tripDescription marginT40 marginB25">
                        <h4>活动须知</h4>
                        <div class="marginT20">
                            <ul>
                                <li class="color565656 lineH28 fontS14">1.美国哈佛大学心理学课程认证</li>
                                <li class="color565656 lineH28 fontS14">2.美国哈佛大学心理学课程认证</li>
                            </ul>
                        </div>
                    </section> 
                </div>
            </div>
            <div class="tap tap1 body">
                <div class="row2_">
                    <i class="mark">禅</i>
                </div>
                <div class="row8_">
                    <h2>09:00-18:00</h2>
                    <p class="text_detail">活动签到报名，进寺烧香活动签到报名，进寺烧香</p>
                    <p>
                        <span class="zhushi">距离下一站60kg</span>
                        <a href="javascript:;" class="click_page"><img src="assets/img/icon_up_blue.png" class="rotate" />展开</a>
                    </p>
                </div> 
                <div style="clear: left;"></div> 
            </div>
        </section>
        <section>
            <div class="day1">
                <i class="round round1 dayTop"></i>
                <span><b>Day 01</b></span>
                <span class="marginL39">2017/01/01</span>
                <span class="floatR"><img src="assets/img/icon_map_27.png" class="icon_map" /></span>
            </div>
            <div class="tap tap1 body">
                <div class="row2_">
                    <i class="mark">禅</i>
                </div>
                <div class="row8_">
                    <h2>09:00-18:00</h2>
                    <p class="text_detail">活动签到报名，进寺烧香活动签到报名，进寺烧香</p>
                    <p>
                        <span class="zhushi">距离下一站60kg</span>
                        <a href="javascript:;" class="click_page"><img src="assets/img/icon_up_blue.png" class="rotate" />展开</a>
                    </p>
                </div> 
                <div style="clear: left;"></div>  
            </div>
        </section>
        <section>
            <div class="day1 backgroundCT">
                <i class="round dayTop"></i>
                <span>THE END</span>
            </div>
        </section>
        <div class="tap body">
            <div class="row2_">
                <img src="assets/img/icon_weixuan.png" class="mark marginT4 width15" />
            </div>
            <div class="row8_">
                <h2>服饰<span class="money_yi floatR">¥2000</span></h2>
                <p class="marginT15">
                    <span class="zhushi">禅绣服一套</span>
                </p>
            </div> 
            <div style="clear: left;"></div>  
        </div>
        <div class="tap body say">
            <p class="">
                <span class="zhushi color969696">活动说明</span>
            </p>
            <p class="say_detail">活动签到报名，进寺烧香活动签到报名，进寺烧香</p>
        </div>
        <div class="tap body say marginB70">
            <h2>报名名单</h2>
            <ul id="signUp" class="marginT15 marginB25">
                <li>
                    <img src="assets/img/touxiang_zhanwei.png" />
                    <span>王源</span>
                    <span class="floatR">混沌商学院2班</span>
                </li>
                <li>
                    <img src="assets/img/touxiang_zhanwei.png" />
                    <span>王源</span>
                    <span class="floatR">混沌商学院2班</span>
                </li>
                <li>
                    <img src="assets/img/touxiang_zhanwei.png" />
                    <span>王源</span>
                    <span class="floatR">混沌商学院2班</span>
                </li>
                <li>
                    <img src="assets/img/touxiang_zhanwei.png" />
                    <span>王源</span>
                    <span class="floatR">混沌商学院2班</span>
                </li>
            </ul>
        </div>
        <footer class="footer">
            <a href="javascript:;" class="row2 textAC money_yi">票价：¥20000</a>
            <a href="javascript:;" class="row2 textAC baomin">立刻报名</a>
        </footer>
        <script type="text/javascript" src="assets/js/jquery-1.11.3.min.js"></script>
        <script type="text/javascript" src="assets/js/script.js"></script>
        
	</body>
</html>